草庐IT

PHP read_exif_data 和调整方向

全部标签

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - ParsleyJS - 使用 data-parsley -`constraint` -message 进行本地化

目前我正在使用data-parsley-`constraint`-message="Englishsentencegoeshere"但现在我正在努力添加本地化,​​这些消息将永远不会使用i18n库进行翻译,因为它们是自定义的。有没有办法添加类似的东西data-parsley-`constraint`-message-fr="Francaisfrancaisfrancais"或者通过JS来实现?具体来说,我正在使用data-parsley-required-message="" 最佳答案 为什么不使用Parsley的本地化而不是在输入

javascript - 自定义元素类 : this. getAttribute ('data-*' ) 返回 null

我已经复制并粘贴到Mozzila示例中的代码https://developer.mozilla.org/en-US/docs/Web/Web_Components/Custom_Elements#Observed_attributes到我计算机上的文件,当我运行它时,每次调用this.getAttribute时都会得到null。我看到它在上面的链接上工作但是当我运行我复制的项目时,它是空的,我写的另一个项目中也发生了同样的情况,基于这个例子:HTML文件:Ifnothingappearedbelow,thenyourbrowserdoesnotsupportCustomElements

javascript - Vue 2.0 : Passing asynchronous data to child component

我有一个父Vue组件,它通过prop将数据传递给它的子组件,但数据是异步可用的,因此我的子组件初始化为未定义的值。在数据可用之前,我该怎么做才能阻止初始化?父级:varemployees=newVue({el:'#employees',data:{...},methods:{fetch:function(model,args=null){leturl="/"+model+".json"console.log(url);$.ajax({url:url,success:((res)=>{console.log(res)this[model]=res;this.isLoading=false

javascript - 窗口调整大小触发的 DOM 事件

我的页面布局相当复杂。最初打开页面时,某些元素的对齐有问题。但是,可以通过更改浏览器窗口的大小(永久地)解决此问题。显然我不希望用户必须调整浏览器窗口的大小才能使页面正确显示,所以我想知道是否有一种方法可以在页面首先加载?更新我发现以下代码将触发附加到窗口调整大小事件的任何处理程序:if(document.createEvent){//W3Cvarev=document.createEvent('Event');ev.initEvent('resize',true,true);window.dispatchEvent(ev);}else{//IEdocument.fireEvent('

javascript - 在页面加载时使用 javascript(无 jquery)自行调整大小并使窗口居中

这不是我们通常会做的事情,但我们正在尝试将视频加载到由clickTag(来自横幅广告)打开的空白窗口中-并尽可能让它感觉像一个模态窗口。是否可以使用javascript自行调整clickTag打开的空白窗口的大小并将其居中显示在屏幕上?我们无法对点击的链接应用任何内容,所以...一切都必须在页面加载时自行运行如果可能,最好不要看到浏览器选项卡和地址栏我们没有加载jquery浏览器安全警报​​是否是潜在问题?本质上,用户点击观看视频,我们希望他们在观看视频时不会觉得自己去了一个完全不同的网站。到目前为止,我可以调整窗口大小,但不知道如何将它居中:functionresizeVideoPa

javascript - 调整大小后获取 Gridster 小部件的新大小

使用Gridster,我们使用resize.enabled配置选项创建了一个带有可调整大小的小部件的网格。在用户完成调整Gridster小部件的大小后,我们希望获得小部件的新的最终大小。我们如何做到这一点? 最佳答案 我最近也一直在使用gridster调整大小。这是我如何捕获尺寸$(function(){//DOMReady$scope.gridster=$(".gridsterul").gridster({...resize:{enabled:true,start:function(e,ui,$widget){...},stop:

javascript - 如何在保持宽高比的同时在网页上显示调整大小的图像?

在客户端使用JavaScript调整图像大小的最佳和最快方法是什么?编辑:抱歉,我的意思是显示在客户端调整大小的图像的最佳方式.. 最佳答案 简单。Client-SideImageResize(Why?!)window.onload=function(){varurl="http://www.google.com/intl/en_ALL/images/logo.gif";varimg=newImage();img.onload=function(){varw=parseInt((this.width+"").replace(/px/

javascript - ember-data - store.find ('model' ) 总是查询服务器

详细信息:ember-data-1.0.0.beta.3和默认的RESTAdapter我可能误解了store.find()方法的工作原理,但是,据我了解,如果我要查询的记录已经存在于商店:varIndexRoute=Em.Route.extend({model:function(){returnthis.store.find('link');},});来自DS.Store.find()的emberjs.com文档:Thefindmethodwillalwaysreturnapromisethatwillberesolvedwiththerecord.Iftherecordwasalre